<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Electronix</title>
        <link rel="stylesheet" type="text/css" href="css/top.css">
        <link rel="stylesheet" type="text/css" href="css/header.css">
        <link rel="stylesheet" type="text/css" href="css/menutab.css">
        <link rel="stylesheet" type="text/css" href="css/navigation.css">
        <link rel="stylesheet" type="text/css" href="css/leftcontent.css">
        <link rel="stylesheet" type="text/css" href="css/centercontent.css">
        <link rel="stylesheet" type="text/css" href="css/rightcontent.css">
        <script type="text/javascript" src="js/boxOver.js"></script>
    </head>
    <body>
        <!-- MAIN : START -->
        <div class="main">
            <!-- TOP : START -->
            <div class="top">
                <div class="languages">
                    <div>Languages:</div>
                    <a href="#"><img src="images/en.gif" alt="English"/></a>
                    <a href="#"><img src="images/de.gif" alt="English"/></a>
                </div>
                <div class="search">
                    <div class="search_text"><a href="#">Advanced Search</a></div>
                    <input type="text" class="search_input" name="search" />
		            <input type="image" src="images/search.gif" class="search_bt"/>
                </div>
            </div>
            <!-- TOP : END -->
            <!-- HEADER : START -->    
            <div class="header">
            	<div id="logo">
		            <a href="#"><img src="images/logo.png" alt="" /></a>
			    </div>
                <div class="slider">
                	<div class="top_divider"><img src="images/header_divider.png" alt=""/></div>
                    <div class="slide_content">
		            	<div class="content">
		                	<img src="images/laptop.png" class="slide_img" />
		                    <div class="slide_details">
								<div class="slide_title">Samsung GX 2004 LM</div>
								<div class="slide_text">
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
								</div>
								<a href="details.html" class="details">details</a>
		                    </div>
		                </div>
                        <div class="clr"></div>
		                <div class="pagination">      
		                     <span class="current">1</span>
		                     <a href="#">2</a>
		                     <a href="#">3</a>
		                     <a href="#">4</a>
		                     <a href="#">5</a>  
		                </div> 
		            </div>
                    <div class="top_divider"><img src="images/header_divider.png" alt=""/></div>
                </div>
            </div>
            <!-- HEADER : START -->
            <div class="clr"></div>      
            <!-- CONTENT : START -->
            <div class="content">
            	<!-- Menu tab -->
            	<div id="menu_tab">
                	<div class="left_menu_corner"></div>
                    <ul class="menu">
                    	<li><a href="#" id="nav_hom">Home</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_pro">Products</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_spe">Specials</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_acc">My account</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_sig">Sign up</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_shi">Shipping</a></li>
                        <li class="divider"></li>
                        <li><a href="#" id="nav_con">Contact Us</a></li>
                        <li class="divider"></li>
                        <li class="currencies">Currencies
                        	<select>
                            	<option>US Dollar</option>
                                <option>Euro</option>
                            </select>
                        </li>
                    </ul>
                    <div class="right_menu_corner"></div>
                </div>            
                <!-- Navigation -->
                <div class="navigation">
                    Navigation: <span class="current">Home</span>
                </div> 
                <!-- Left Content -->
                <div class="left_content">
                	<!-- Categories -->
                	<div class="title_box">Categories</div>
                    <ul class="left_menu">
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Motherboards</a></li>
                        <li class="odd"><a href="#">Desktops</a></li>
                        <li class="even"><a href="#">Laptops & Notebooks</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Motherboards</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Motherboards</a></li>
                        <li class="odd"><a href="#">Desktops</a></li>
                        <li class="even"><a href="#">Laptops & Notebooks</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Motherboards</a></li>
                    </ul>   
                    <!-- Special Products -->
                    <div class="title_box">Special Products</div>  
		     		<div class="border_box">
		         		<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
		         		<div class="product_img"><a href="details.html"><img src="images/laptop.png" alt="" title="" border="0" /></a></div>
		         		<div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
		     		</div>  
                    <!-- Newsletter -->
                    <div class="title_box">Newsletter</div>  
		    		<div class="border_box">
						<input type="text" name="newsletter" class="newsletter_input" value="your email"/>
		        		<a href="#" class="join">join</a>
		     		</div>                     
                    <!-- Banner -->
                    <div class="banner_adds">
                         <a href="#"><img src="images/bann2.jpg" alt="" title="" border="0" /></a>
					</div>   
                </div>
                
                <!-- Center Content -->
                <div class="center_content">
                	<div class="center_title_bar">Latest Products</div>
                    
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/laptop.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
                    
                	<!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p4.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
                    
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p5.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
                    
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/laptop.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
					
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p4.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
                    
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p5.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>                
                
                	<div class="center_title_bar">Recommended Products</div>
                	  <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/laptop.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
					
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p4.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>
                    
                    <!-- Product -->
                	<div class="prod_box">
                        <div class="top_prod_box"></div>
                        <div class="center_prod_box">            
							<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
							<div class="product_img"><a href="details.html"><img src="images/p5.gif" alt="" title="" border="0" /></a></div>
							<div class="prod_price">
                             	<span class="reduce">350$</span> 
                                <span class="price">270$</span>
							</div>                        
                        </div>
                        <div class="bottom_prod_box"></div>   
                        <div class="prod_details_tab">
                            <a href="#" title="header=[Add to cart] body=[&nbsp;]"><img src="images/cart.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Specials] body=[&nbsp;]"><img src="images/favs.gif" alt="" class="left_bt" /></a>
                            <a href="#" title="header=[Gifts] body=[&nbsp;]"><img src="images/favorites.gif" alt="" class="left_bt" /></a>           
                            <a href="details.html" class="prod_details">details</a>            
                        </div>                            
                    </div>   
                </div>
                
                <!-- Right Content -->
                <div class="right_content">
                	<!-- Shopping cart -->
                	<div class="shopping_cart">
                    	<div class="cart_title">Shopping cart</div>
                        <div class="cart_details">
                        	3 items <br />
                            <span class="border_cart"></span>
                            Total: <span class="price">350$</span>
                        </div>
                        <div class="cart_icon">
                        	<a href="#" title="header=[Checkout] body=[&nbsp;]"><img src="images/shoppingcart.png" alt="Checkout" /></a>
                        </div>
                    </div>
                
                	<!-- What's new -->
                    <div class="title_box">What's new</div>  
		     		<div class="border_box">
		         		<div class="product_title"><a href="details.html">Motorola 156 MX-VL</a></div>
		         		<div class="product_img"><a href="details.html"><img src="images/p2.gif" alt="" title="" border="0" /></a></div>
		         		<div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
		     		</div>  
                
                	<!-- Manufactures -->
                	<div class="title_box">Manufactures</div>
                    <ul class="left_menu">
                       <li class="odd"><a href="#">Sony</a></li>
                        <li class="even"><a href="#">Samsung</a></li>
                        <li class="odd"><a href="#">Daewoo</a></li>
                        <li class="even"><a href="#">LG</a></li>
                        <li class="odd"><a href="#">Fujitsu Siemens</a></li>
                        <li class="even"><a href="#">Motorola</a></li>
                        <li class="odd"><a href="#">Phillips</a></li>
                        <li class="even"><a href="#">Beko</a></li>
                    </ul> 
                    
                    <!-- Banner -->
                    <div class="banner_adds">
                         <a href="#"><img src="images/bann1.jpg" alt="" title="" border="0" /></a>
					</div>  
                </div>
            </div>
            <!-- CONTENT : END -->
            
            
            
            <div class="footer"></div>
        </div>    
        <!-- MAIN : END -->
    </body>
</html>
